<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>列表页-冀光鑫</title>
     <link rel="stylesheet" type="text/css" href="../css/common.css"/>
     <link rel="stylesheet" type="text/css" href="../css/list.css"/>
     <script src="../js/jquery-1.11.3.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
<!--------------------------------头部--(公共样式css)---------------------------------->
<div id="top-show">
	<div id="top">
			<div class="top_nav"> 
				<div class="logo">
					<img class="fl" src="../down-images/bl_logo_m.png" alt="">
					<p class="fl">百联集团旗下全渠道电商平台</p>
				</div>
				<div class="web">
					<a class="wangz fl" href="#javascript:void">
						<p>网址导航</p><span></span>
					</a>
					<div class="all_net">
						<span></span>
						<li><a href="#javascript">百联集团官网</a></li>
						<li><a href="#javascript">安付宝网</a></li>
						<li><a href="#javascript">第一医药</a></li>
						<li><a href="#javascript">OK会员卡专区</a></li>
					</div> 
				</div> 
				<p class='news'><a href="">消息</a></p>
				<ul>
					<div class="first" href="#javascript:void">
						<span></span>
						<a class="a" href="../html/enter.html">请登录</a>
						<a href="../html/register.html">注册</a>
					</div>
					<a class="no_span" href="#javascript:void"><p>我的订单</p></a>
					<div class="a_div a_div_1">
						<a class="have_span" href="#javascript:void">
							<li>
								<p>我的百联</p>
								<span></span>
							</li>
						</a>
						<div class="My_second" >
							<a href="#javascript">我的订单</a>
							<a href="#javascript">我的评价</a>
							<a href="#javascript">我的积分</a>
							<a href="#javascript">我的收藏</a>
							<a href="#javascript">我的优惠券</a>
						</div> 
					
					</div>
					
					
					
					<div class="a_div a_div_2">
						<a class="have_span" href="#javascript:void">
							<li><p>充值缴费</p><span></span></li>
						</a>
						<div class="pay_second">
							<span></span> 
							<span class="span"></span> 
							<ul>
								<h3>水电煤缴费</h3>
								<a href="#javascript">缴费首页</a>
								<a href="#javascript">水费缴费</a>
								<a href="#javascript">电费缴费</a>
								<a href="#javascript">燃气缴费</a> 
							</ul> 
							<ul>
								<h3>手机充值</h3>
								<a href="#javascript">手机充值</a>
								<a href="#javascript">流量充值</a>
								<a href="#javascript">更多充值</a> 
							</ul> 
							<ul>
								<h3>其他缴费</h3>
								<a href="#javascript">加油卡充值</a>
								<a href="#javascript">固话/宽带充值</a>
								<a href="#javascript">铁通充值</a>
								<a href="#javascript">有线电视充值</a> 
							</ul> 
							<ul>
								<h3>游戏点卡</h3>
								<a href="#javascript">腾讯Q币充值</a>
								<a href="#javascript">盛大点券充值</a>
								<a href="#javascript">更多游戏</a> 
							</ul> 
						</div>
						
					</div>
					<div class="a_div a_div_3">
						
						
						
						
						<a class="have_span" href="#javascript:void">
							<li><p>客户服务</p><span></span></li>
						</a>
						<div class="serve_second">
							<a href="#javascirpt">在线客服</a>
							<a href="#javascirpt">帮助中心</a>
						</div> 
					</div>
					<div class="a_div a_div_4">
						<a class="have_span" href="#javascript:void">
							<li><p>掌上百联</p><span></span></li>
						</a>
						<div class="hand_second">
							<span></span>
							<span class="span"></span>
							<a class="fl img" href="#javascript"><img  src="../down-images/weixincode.jpg" alt=""></a>
							<a href="#javascript">i百联APP</a>
							<a class="last" href="#javascript">手机购物更方便</a>
						</div> 
					</div>
					<a class="no_span" href="#javascript:void">
						<p>购物车</p>
					</a> 
				</ul>
			</div>
		
			<div class="top_navigation">
				<a href=""><img class="logo" src="../down-images/header-logo.png" alt=""></a>
				<a href=""><img class="hot_sole_logo" src="../down-images/702391661.jpg" alt=""></a>
				<div class="search">
					<div>
						<input type="text" class="txt fl" placeholder="就是这么潮，酷男酷女看过来">
						<a href="#javascript:void" class="btn fl"><img src="../down-images/搜索_搜索.png" alt=""></a>
						<div class="poping">
							<div class="history">历史搜索</div>
							<a href="#javascript"><span></span><p>删除</p></a>
						</div>
					</div> 
					<ul>
						<li><a class="a" href="#javascript:void">中国最牛</a></li>
						<li><a href="#javascript:void">手机</a></li>
						<li><a href="#javascript:void">小米</a></li>
						<li><a href="#javascript:void">苹果</a></li>
						<li><a href="#javascript:void">大米</a></li>
						<li><a href="#javascript:void">三星</a></li>
						<li><a href="#javascript:void">戴森</a></li>
						<li><a href="#javascript:void">飞机</a></li>
						<li><a href="#javascript:void">kindle</a></li>
						<li><a href="#javascript:void">ysl</a></li>
					</ul>
				</div>
				<div class="safe_pay">
					<a href="#javascript:void">
						<p class="fl">安付宝OK卡专区</p>
						<img class="fl" src="../down-images/header-right-icon.png" alt="">
					</a>
				</div>
			</div> 
		</div> 
	
</div>			
<!------------------------------列表页--的nav------------------------------------------------->			
<div id="list-nav">
	<div class="list-nav-wrap">
		    <div class="list-nav-wrap-left">
				<p>所有商品分类 <span></span></p>
				
			<div class="banner-wrap-left">
			  <ul>
				<li class="m1"><a href="#">百联进口 全球购</a><p class="list1"></p></li>
				<li class="m2"><a href="#">生鲜食品</a><p class="list2"></p></li>
				<li class="m3"><a href="#">粮品食油 酒水冲引</a><p class="list3"></p></li>
				<li class="m4"><a href="#">美容护理</a><p class="list4"></p></li>
				<li class="m5"> <a href="#">玩具 母婴</a><p class="list5"></p></li>
				<li class="m6"><a href="#">餐厨用具</a><p class="list6"></p></li>
				<li class="m7"><a href="#">家具家装</a></li>
				<li class="m8"><a href="#">制品 一次性</a></li>
				<li class="mm"><a href="#">手机数码</a></li>
				<li class="mm"><a href="#">运功户外</a></li>
				<li class="mm"><a href="#">汽车用品</a></li>
				<li class="mm"><a href="#">营养滋补</a></li>
				<li class="mm"><a href="#">礼品卡</a></li>
				<li ><a href="#">养生参汤</a></li>
			</ul>
			
			</div>
				
			</div>
		    <div class="list-nav-wrap-right">
				<ul class="bad_ul">	
				  <li><a href="../index.html">首页</a></li>
				  <li><a href="#javascript">生活用品</a></li>
				  <li><a href="#javascript">24H百货</a></li>
				  <li><a href="#javascript">全球购</a></li>
				  <li><a href="#javascript">精品闪购</a></li>
				  <li><a href="#javascript">电器城</a></li>
				  <li><a href="#javascript">奥莱代购</a></li>
				  <li><a href="#javascript">礼品卡</a></li>
			</ul> 
				
			</div>
	</div>
	
</div>			
<!---------------------------------------l列表页上方的小搜索-------------------------------------------------------->		
<div id="second_search">
		<div class="second_search_1">
			<a class="index_a word" href="../index.html">首页</a>
			<p class="index_p word">></p>
			<a class="index_a word" href="#javascript">家用电器</a>
			<p class="home_p word">></p>
			<div class="search">
				<input type="text" class="txt" placeholder="在当前条件下搜索">
				<a href="#javascript"><input type="button"></a>
			</div>
			<div class="count_goods">
				<p>一共找到</p><strong>3122</strong><p>商品</p>
			</div>
		</div>
</div> 
<!------------------------------------------详情页的展开列表-------------------------------------------------------------->
<div id="list-first">
	<div class="lf-left" id="lf-left1">
		品牌
	</div>
	<div class="lf-right">
		<div class="lf-right-zuo">
			<ul>
				<li>新娅</li>
				<li>新娅</li>
				<li>新娅</li>
				<li>新娅</li>
				<li>新娅</li>
				<li>新娅</li>
				<li>新娅</li>
				<li>新娅</li>
				<li>新娅</li>
				<li>新娅</li>
				<li>新娅</li>
				<li>新娅</li>
				<li>新娅</li>
				<li>新娅</li>
			</ul>
			
		</div>
		<!---点击切换-->
		<div class="lf-right-zuo-h">
			<ul>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
				<li>三元</li>
			</ul>
			
		</div>
		
		<div class="lf-right-you">
			<div class="duoxuan"> &nbsp;多选   &nbsp;+</div>
			<div class="zhankai">&nbsp;展开</div>
		</div>
	</div>
</div>

		
<div id="list-first">
	<div class="lf-left">
		冻制品
	</div>
	<div class="lf-right">
		<div class="lf-right-zuo2">
			<ul>
				<li>水饺</li>
				<li>大香蕉</li>
				<li>带鱼</li>
				<li>北京特产</li>
				<li>水饺</li>
				<li>水饺</li>
				<li>馄饨</li>
				
			
			</ul>
			
		</div>
		
	</div>
</div>
		
		
<div id="list-first">
	<div class="lf-left">
		新鲜蔬果
	</div>
	<div class="lf-right">
		<div class="lf-right-zuo3">
			<ul>
				<li>菠萝</li>
				<li>美国大樱桃</li>
				<li>香蕉</li>
				<li>梨</li>
				<li>新鲜蔬果</li>
				<li>水饺</li>
				<li>香菜</li>
				<li>汤圆</li>
				<li>水饺</li>
				<li>香蕉</li>
				<li>梨</li>
				<li>新鲜蔬果</li>
			
			</ul>
			
		</div>
		
	</div>
</div>
				
		
<div id="list-first">
	<div class="lf-left">
	  巧克力/鲜花
	</div>
	<div class="lf-right">
		<div class="lf-right-zuo4">
			<ul>
				<li>英国巧克力</li>
				<li>德国巧克力</li>
				<li>美国巧克力</li>
				<li>中国巧克力</li>
				<li>德芙</li>
				<li>奥利奥</li>
				
			
			</ul>
			
		</div>
		
	</div>
</div>
				
		
		
		
<div id="list-first">
	<div class="lf-left">
	  海鲜/水产品
	</div>
	<div class="lf-right">
		<div class="lf-right-zuo5">
			<ul>
				<li>大龙虾</li>
				<li>小龙虾</li>
				<li>老龙虾</li>
				<li>大青蛙</li>
				<li>香嫩大章鱼</li>
				<li>冰镇大螃蟹</li>
			
			
			</ul>
			
		</div>
		
	</div>
</div>
				
		
		
		
<div id="list-first">
	<div class="lf-left">
	  巧克力/鲜花
	</div>
	<div class="lf-right">
		<div class="lf-right-zuo6">
			<ul>
				<li>水饺</li>
				<li>肉肉</li>
				<li>香蕉</li>
				<li>水饺</li>
				<li>水饺</li>
				<li>水饺</li>
				<li>馄饨</li>
				<li>汤圆</li>
				<li>水饺</li>
			
			</ul>
			
		</div>
		
	</div>
</div>
				
		
			
		
<div id="list-first">
	<div class="lf-left">
	  巧克力/鲜花
	</div>
	<div class="lf-right">
		<div class="lf-right-zuo7">
			<ul>
				<li>水饺</li>
				<li>肉肉</li>
				<li>香蕉</li>
				<li>水饺</li>
				<li>水饺</li>
				<li>水饺</li>
				<li>馄饨</li>
				<li>汤圆</li>
				<li>水饺</li>
			
			</ul>
			
		</div>
		
	</div>
</div>
				
		
<!-------------------------------------------------ajax获取数据的上方nav----------------------------------------------------->						
<div id="aj-nav">
	<div class="aj-wrap">
		<div class="aj-wrap-left">
			<ul>
				<li class="zong">综合排序</li>
				<li class="sell">销量</li>
				<li class="price">价格</li>
				<li class="new">新品</li>
				<li class="talk">评论</li>
			</ul>
		</div>
		<div class="aj-wrap-center">
			<input  id="min" type="text" placeholder="￥最低价" />
			<span>-</span>
			<input id="max"  type="text" placeholder="￥最高价" />
		</div>
		<div class="aj-wrap-right">
			<div class="condition">
				<input type="checkbox">
				<p>仅看有货</p>
				<input type="checkbox">
				<p>自营</p>
				<input type="checkbox">
				<p><img src="../list_images/coupon-earth.png" alt=""></p>
				<input type="checkbox">
				<p>促销</p>
				<input type="checkbox">
				<p>支持自提
					<span></span>
					<strong>
						<i></i>
						 <i>什么是门店自提？</i>
						 <i><a href="#javascript">了解详情</a><em></em></i>
						 <i>门店自提服务是百联为顾客提供的一种新的配送方式，方便顾客安排合适时间进行提货。</i>
					</strong>
				</p>
				
				<div class="change_page">
					<a href="#javascript"></a>
				</div>
				 <div class="page_num">
					 <div>1</div>
					 <div class="div_2">/</div>
					 <div>50</div>
				</div>
			</div> 
		</div>
	</div>
</div>
<!-----------------------------------------------AJAX数据获取-------------------------------------------------------->		
<div id="ajax">
	<div class="ajax-wrap">
	</div>
	
</div>
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
		
<!---------------------------------bottom------底部（公共样式）------------------------------------------------------->
	<div id="new_people">
			<ul class="ul_title">
				<a href="#javascript:void"><img src="../down-images/footer-icon-1.png">
					<p>新手入门</p>
				</a>
				<a href="#javascript:void"><img src="../down-images/footer-icon-2.png">
					<p>配送服务</p>
				</a>
				<a href="#javascript:void"><img src="../down-images/footer-icon-3.png">
					<p>支付方式</p>
				</a>
				<a href="#javascript:void"><img src="../down-images/footer-icon-4.png">
					<p>售后服务</p>
				</a>
				<a href="#javascript:void"><img src="../down-images/footer-icon-6.png">
					<p>特色服务</p>
				</a>
			</ul>
			<div class="ul_list">
				<ul>
					<a href="#javascript:void">购物流程</a>
					<a href="#javascript:void">会员介绍</a>
					<a href="#javascript:void">常见问题</a>
					<a href="#javascript:void">发票说明</a>
					<a href="#javascript:void">联系客服</a>
				</ul>
				<ul>
					<a href="#javascript:void">配送范围及运费</a>
					<a href="#javascript:void">配送进度查询</a>
					<a href="#javascript:void">自提服务</a>
					<a href="#javascript:void">商品验货与签收</a>
				</ul>
				<ul>
					<a href="#javascript:void">货到付款</a>
					<a href="#javascript:void">在线支付</a>
				</ul>
				<ul>
					<a href="#javascript:void">退换货政策</a>
					<a href="#javascript:void">退换货流程</a>
					<a href="#javascript:void">退款说明</a>
				</ul>
				<ul>
					<a href="#javascript:void">优鲜集市</a>
					<a href="#javascript:void">生鲜随心订</a>
					<a href="#javascript:void">精选篮筐</a>
					<a href="#javascript:void">全球购</a>
					<a href="#javascript:void">精品闪购</a>
					<a href="#javascript:void">百联到家</a>
				</ul>
			</div>
		</div>
		<div id="bottom">
			<ul class="ul_1">
				<li>
					<a href="#javascript:void">关于我们</a>
				</li>
				<li>
					<a href="#javascript:void">联系我们</a>
				</li>
				<li>
					<a href="#javascript:void">加盟合作</a>
				</li>
				<li>
					<a href="#javascript:void">诚征英才</a>
				</li>
				<li>
					<a href="#javascript:void">友情链接</a>
				</li>
			</ul>
			</br>
			<ul class="ul_2">
				<li>
					<a href="#javascript:void">百联集团有限公司旗下 上海百联全渠道电子商务有限公司版权所有</a>
				</li>
				<li>
					<a href="#javascript:void">客服电话:400-900-8800</a>
				</li>
				<li>
					<a href="#javascript:void">沪ICP备15028847号</a>
				</li>
			</ul>
			</br>
			<a class="change" href="#javascript">
				<p>互联网药品信息服务资质证书编号:沪-(非营业性)-2016-0044</p>
				</br>
			</a>
			<ul class="ul_3">
				<li><img src="../down-images/gongan.png" alt=""><span>沪公网安备31010102002366</span></li>
				<li><img src="../down-images/wangjing.png" alt=""><span>网购大家评</span></li>
				<li><strong><img src="../down-images/gongs.png" alt=""></strong><span>上海工商</span></li>
			</ul>
		</div>
		</div>

	</body>
</html>
<script src="../js/list.js" type="text/javascript" charset="utf-8"></script>
<script src="../js/common.js" type="text/javascript" charset="utf-8"></script><!---->
